<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>注册页面</title>
	</head>
	<body>
		<!-- 头部链接 -->
		<header>
			<p class="pad-log">密码登录</p>
		</header>
		<!-- 注册主体 -->
		<main>
			<div class="container">
				<div id="title">
					<h2>手机登录/注册</h2>
					<p>快速找到好友,一站式记录你的运动</p>
				</div>
				<div id="reBox">
					<p>
						<!-- 电话下拉框 -->
						<select>
							<option value="+86">+86</option>
						</select>
						<!-- 电话输入框 -->
						<input type="text" class="tp" placeholder="请输入手机号" />
					</p>
					<!-- 验证码盒子 -->
					<p>
						<input type="text" class="verify" placeholder="请输入验证码" />
						<canvas width="94" height="48" id="captchal"></canvas>
					</p>
					<!-- 密码盒子 -->
					<p>
						<input
							type="password"
							class="psd"
							id="pwd1"
							placeholder="请输入密码"
						/>
						<span class="iconfont icon-biyanjing" id="closeEyes1"></span>
					</p>
					<!-- 再次输入密码盒子 -->
					<p>
						<input
							type="password"
							class="psd1"
							id="pwd2"
							placeholder="请再次输入证码"
						/>
						<span class="iconfont icon-biyanjing" id="closeEyes2"></span>
					</p>
					<!-- 注册按钮 -->
					<button type="button" class="btn">注册账号</button>
					<p>
						<span class="iconfont icon-weixin"></span>
						<span>微信登录</span>
					</p>
				</div>
			</div>
			<div id="error"></div>
		</main>
		<!-- 尾部标语 -->
		<footer>
			<h3>- HOLD ON -</h3>
		</footer>
	</body>
</html>
